<!DOCTYPE html>
<html lang="en"  xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="/static/themes/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="/static/themes/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="/static/themes/easyui/demo/demo.css">
    <link rel="stylesheet" type="text/css" href="/static/themes/admin/css/admin.css">
    <link rel="stylesheet" type="text/css" href="/static/themes/admin/css/menu.css">
    <link rel="stylesheet" type="text/css" href="/static/themes/bootstrap/bootstrap.min.css">
    <!--<link rel="stylesheet" type="text/css" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
    <link rel="stylesheet" type="text/css" href="/static/themes/element-ui/index.css">
    <script src="/static/themes/jquery/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="/static/themes/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/themes/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
    <script src="/static/themes/vue/vuex.js"></script>
    <!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
    <script src="/static/themes/element-ui/index.js"></script>
    <script src="/static/js/EasyuiUtils.js"></script>
    <script src="/static/js/RequestUtils.js"></script>
    <script src="/static/js/ValidateUtils.js"></script>
    <!--<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.js"></script>-->
    <style>
        .el-input__inner{
            height: 28px;border: 1px solid #95B8E7;
        }
        .el-input-number .el-input__inner {
            text-align: left;
        }
        .el-input__icon {
            line-height: 28px;
        }
        /*- scrollbar -*/
        ::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }
        ::-webkit-scrollbar-thumb{
            background-color: #999;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }
        ::-webkit-scrollbar-thumb:vertical:hover{
            background-color: #666;
        }
        ::-webkit-scrollbar-thumb:vertical:active{
            background-color: #333;
        }
        ::-webkit-scrollbar-button{
            display: none;
        }
        ::-webkit-scrollbar-track{
            background-color: #f1f1f1;
        }
    </style>
</head>
<script>
    // 注册样例
    Vue.component('xxxxxxxx', {
        template: '<h1>自定义组件!</h1>'
    });
    var dictD= {
        options:[{
            value: '选项1',
            label: '黄金糕'
        }, {
            value: '选项2',
            label: '双皮奶'
        }, {
            value: '选项3',
            label: '蚵仔煎'
        }, {
            value: '选项4',
            label: '龙须面'
        }, {
            value: '选项5',
            label: '北京烤鸭'
        }],
        value:''
    };

    // 注册样例
    var dictTemplate='<el-select v-model="value" placeholder="请选择">' +
        /*'                        <el-option :key="\'\'" :label="\'不限\'"  :value="\'\'"></el-option>      '+*/
        '                        <el-option' +
        '                                v-for="item in options"' +
        '                                :key="item.dictKey"' +
        '                                :label="item.value"' +
        '                                :value="item.dictKey">' +
        '                        </el-option>' +
        '                    </el-select>';

    Vue.component('dict-select', {
        props: ['typekey','keys'],
        template: dictTemplate,
        data:function () {
            var data=ajaxGet("/admin/system/dictionary/entity/listData",{typeKey:this.typekey});
            return {options:data.rows,value:this.keys};
        },
        watch :{
            value:function (val) {
                this.value=val;
                this.$emit("change-value",val);
            }
        }
    });
</script>
<body>
    <div id="adminIndexContent" layout:fragment="content">

    </div>
</body>
</html>